.dropdown-menu{
    @extend .box-shadow-large;
    padding: 5px 0;
    border-radius: 4px;
    border: 0;
    margin-top: -1px;
    .dropdown-item {
        padding: .75em 1em;
        &:hover {
            background-color: rgba($background-color, 0.4);
        }
        &:active,
        &.active {
            @extend .pink-gradient;
            color: #ffffff;
            .text-danger {
                color: #ffffff !important;
            }
            .header-color-secondary {
                color: rgba(255, 255, 255, 0.7) !important;
            }
        }
        &:first-child {
            border-radius: 4px 4px 0 0;
            overflow: hidden
        }
        &:last-child {
            border-radius: 0 0 4px 4x;
            overflow: hidden
        }
    }
    &.dropdown-menu-sm {
        .dropdown-item {
            padding: .5em 0.6em;
            font-size: 0.9em;
        }
    }
}
.dropdown-toggle {
    overflow: hidden
}
.relative-dropdown {
    left: 0;
    right: 0;
    top: 0;
    position: relative;
    margin: 0 auto!important;
    z-index: 1
}

.context-menu-list {
    @extend .box-shadow-large;
    padding: 5px 0;
    border-radius: 4px;
    border: 0;
    margin-top: -1px;
    .context-menu-item {
        line-height: 28px;        
        &.context-menu-icon{
            padding-left: 40px;
            &:before{
                color: $blue;
            }
        }
        &.context-menu-hover{
            background-color: $blue;
            color: $white;
            &:before{
                color: $white;
            }
        }
    }
}
